import React from 'react'
import Meal from './Meal/Meal'
import classes from './Meals.module.css'

function Meals(props) {
  return (
    <div className={classes.meals}>
        {props.mealsData.map(item => <Meal meal={item} key={item.id} displayDesc={true} />)}
    </div>
  )
}

export default Meals